/**************** GENERAL ****************/
*
{
    margin:0;
    padding:0;	
}
.invisible
{
    display:none;
}
body
{
    background-color:#111a1c;
    font-family:arial,verdana,tahoma;
    font-size:14px;
    line-height:20px;
}
iframe
{
    border:none;
    width:100%; 
    margin:0px;
}
img
{
    border:none;
}
img:active
{
    border:none;
}
#bulles
{
    position:absolute;
    z-index:-10;
    background:url(/images/bulles.png) repeat-y; 
    width:100%;
}
/**************** INSCRIPTION ****************/
#inscription
{
    width:100%;
    height:150px;
    background:#1b282c url(../images/motif_insc.png);
    border-bottom:solid 5px #bd2c04;
}
/**************** HEADER ****************/
#header
{
    width:100%;
    height:242px;
}
/* FORMULAIRE CONNEXION */
#form_login
{
    height:82px; /* 48 */
    width:1000px;
    margin:auto;
    padding:0;
}
/* TABLEAU DE BORD */
#tab
{
    height:52px; 
    width:950px;
    padding-left:40px;
    position:fixed; 
    top:0px;
    z-index:5000;
    background:url(../images/fond_tab.png) 36px 0px no-repeat;
}
#tab ul
{
    list-style-type:none;
    color:#FFF;
    height:50xp;
}
/* SI CONNECTE TAB INFO LARGEUR DEFINIE */
#tab ul#tab_info
{
    float:left;
    width:860px;
}
/* SI NON CONNECTE TAB INFO TOUTE LA LARGEUR */
#tab ul#tab_info2
{
    float:left;
    width:100%;
}
#tab ul li
{
    float:left;
    display:block;
    text-align:center;
    text-shadow: 2px 2px 5px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);
}
#tab ul li.tab_ext img, #tab ul li.tab_int img
{
    margin-right:4px;
}
#tab ul li.tab_ext
{
    width:160px;
    height:100%;
    line-height:48px;
    font-size:22px;
}
#tab ul li#tab_ext1
{
    background:url(../images/tab1.png) no-repeat;
    margin-right:4px;
}
#tab ul li#tab_ext2
{
    background:url(../images/tab3.png) no-repeat;
    margin-left:4px;
}
#tab ul li.tab_int
{
    width:140px;
    height:100%;
    background:url(../images/tab2.png) no-repeat;
    line-height:48px;
    font-size:22px;
}
#tab ul li#avatar
{
    height:48px;
    width:48px;
    padding-left:3px;
    padding-right:3px;
}
/* SI CONNECTE SWITCH SITE/JEU */
#tab ul#switch
{
    width:127px;/*ancien 124px -- à voir si ça ne dépasse pas avec la bordure*/
    margin-left:825px;
    position:absolute;
    z-index:100;
}
#tab ul#switch li#site_un /* site uniquement */
{
    float:left;
    margin-top:-34px;
    margin-left:-4.5px;
}
#tab ul#switch li#jeu
{
    float:right;
}
#tab ul li ul
{
    margin-right:4px;
}	
#tab ul li ul li
{
    clear:both;
    height:20px;
    width:195px;
    border:solid 1px #1c3239;
    background:#28505c;
}
#tab ul li ul li#titre
{
    color:#b3c8cd;
    margin-top:4px;
}
.icone_classement {
    margin-bottom:-3px;
}
#masque_page_sauf_jeu
{
    position:absolute; 
    z-index:50; 
    margin-left:-700px; 
    width:2400px; 
    height:2000px; 
    background-color: rgba(17, 26, 28, 0.8);
    display:none;
}
/* MENU */
#menu_large
{
    width:1000px;
    margin:auto;
    padding-top:2px;
}
#logo
{
    margin:-13px 0 0 50px;
    float:left;
}
#lang
{
    float:right;
    margin:36px 75px 0 0;
}
#lang ul
{
    list-style-type:none;
}
#lang ul li
{
    float:left;
    width:36px;
    height:39px;
    margin-left:4px;
}
#lang ul li a
{
    width:36px;
    height:39px;
    display:block;
}
#lang ul li.langues
{
    background:url(../images/lang/langues.png) no-repeat;
}
#lang ul li#uk
{
    background-position: -51px -54px;
}
#lang ul li#uk:hover
{
    background-position: -97px -54px;
}
#lang ul li#uk:active
{
    background-position: -97px -5px;
}
#lang ul li#fr
{
    background-position: -5px -5px;
}
#lang ul li#fr:hover
{
    background-position: -5px -54px;
}
#lang ul li#fr:active
{
    background-position: -51px -5px;
}
/**************** CORPS ****************/
#corps
{
    width:100%;
    min-height:200px;
    height:auto;
    clear:both;
    padding-top:25px;
    padding-bottom:35px;
}
/* Div contenant simplement la couleur du corps, qui vient se glisser sous le motif de bulle
 (le vrai corp se glisse au-dessus, pour être cliquable). */
#background_corps 
{
    background:#1b282c;
    position:absolute;
    z-index:-20;
    width:100%;
}
/**************** FOOTER ****************/
#footer
{
    width:100%;
    padding-top:20px;
    min-height:70px;
    clear:both;
}
#footer p
{
    text-align:center;
    color:#28505c;
}	
#footer p a
{
    text-decoration:none;
    color:#28505c;
}	
#footer p a:hover
{
    color:#f0f9ef;
}	

/********* CONTENUS *********/
#corps #contenus
{
    width:960px;
    padding:0 0 20px 0;
    height:auto;
    min-height:500px;
    margin:auto;
}
h3
{
    font-family:'Economica','Arial Narrow',arial,verdana,tahoma; /*Arial narrow ressemble plus à la Bureau si jamais il y a un pb de chargement c'est mieux si elle est chargée au lieu de l'arial classique, on changera potentiellement cette typo par la suite :)*/
    padding-bottom:28px;
    text-transform:uppercase;
    font-size:30px;
    color:#bd2c04;
    font-weight:400;
    text-align:center;
}

/****** Ajout MS *****/

html, body
{
    height: 100%;
}


/****** Popup *****/



#popup
{
    position: fixed;
    background-color: rgba(27, 40, 44, 0.8);
    width:100%;
    height:100%;
    z-index:10000;

}

#popup .quitter
{
    display: block;
    height: 34px;
    width: 34px;
    margin-left:648px;
}

#popup>div
{

    width:682px;
    height:348px;        
    margin:auto;
    margin-top: 20px;
    padding-left:34px;
    display: block;
}


/***** SELECT -> TODO A remplacer par UL-li ***/

select.classic{
    //width: 302px;
    margin-left: 6px;
    height: 27px;
    font-size: 14px;
    font-weight: bold;
    border:  solid 1px #bd2c04;
}


/***** page CGU ****/

.CGU{ /* TODO remettre dans CGU.css et plus utiliser ça. */
    color:#FFF;
    text-align: justify;

}

.date_CGU
{
    font-weight: bold;
    font-size: 1.1em
}


.CGU ol{
    margin: 10px 40px;
    font-weight: bold;
    font-size: 1.1em
}

.CGU ul{
    margin: 0px 40px; 
}

.CGU a{
    color: white;
}

.CGU .titre_CGU{
    font-family: 'Economica','Arial Narrow',arial,verdana,tahoma;
    padding-bottom: 28px;
    text-transform: uppercase;
    font-size: 30px;
    color: #bd2c04;
    font-weight: 400;
    text-align: center;
    line-height: 35px;
}